import "./index.scss";
import UserImg from "./image/user.svg";
import { Badge, Popover } from "antd";

const HomeHeader = () => {
  return (
    <>
      <div className="home_header_wrap">
        <div className="left_box">
          <img
            className="logo_img"
            src="http://www.wangweilun.xin/assets/logo-DPAWq6jp.png"
          />
          <span className="sys_name">霹雳项目集成管理系统</span>
        </div>
        <div className="right_box">
          <div className="action_box">
            {/* 消息 */}
            <div className="action_item">
              <Badge count={5} size="small">
                <i className="iconfont icon-xiaoxi"></i>{" "}
              </Badge>
            </div>

            {/* 新建项目 */}
            <div className="action_item">
              <i className="iconfont icon-xinjian1"></i>
            </div>
          </div>
          <div className="user_box">
            <span className="hint_login_text">点击登录</span>
            <Popover content={"xx"} placement="bottom" trigger="hover">
              {/* <img className="user_img" src={UserImg} alt="" /> */}
            </Popover>
          </div>
        </div>
      </div>
    </>
  );
};

export default HomeHeader;
